<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:t="http://myfaces.apache.org/tomahawk">

<f:view>
<f:loadBundle var="messages" basename="messages"/>

<head>
    <title>#{messages['usuarioList.title']}</title>
    <style type="text/css">
        @import url(#{facesContext.externalContext.requestContextPath}/styles/myfaces.css);
    </style>
</head>

<h:form id="editUsuario">
<h:commandButton value="Adicionar Usuario" action="add" id="add" immediate="true" styleClass="button"/>

<!-- Error from this table is caused by http://issues.apache.org/jira/browse/TOMAHAWK-466 -->
<t:dataTable id="usuarios" var="usuario" style="margin-top: 10px"
    value="#{usuarioList.usuarios}" rows="25" sortColumn="#{usuarioList.sortColumn}"
    sortAscending="#{usuarioList.ascending}" styleClass="scrollerTable table"
    headerClass="standardTable_Header" rowClasses="standardTable_Row1,standardTable_Row2"
    columnClasses="standardTable_Column,standardTable_Column,standardTable_Column,standardTable_Column,standardTable_ColumnCentered">
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="id" arrow="true">
                <h:outputText value="#{messages['usuario.id']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:commandLink action="#{usuarioForm.edit}" value="#{usuario.id}">
            <f:param name="id" value="#{usuario.id}"/>
        </h:commandLink>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="nome" arrow="true">
                <h:outputText value="#{messages['usuario.nome']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{usuario.nome}"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="email" arrow="true">
                <h:outputText value="#{messages['usuario.email']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{usuario.email}"/>
    </t:column>
    
     <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="nacionalidade" arrow="true">
                <h:outputText value="#{messages['usuario.nacionalidade']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{usuario.nacionalidade}"/>
    </t:column>
    
     <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="profissao" arrow="true">
                <h:outputText value="#{messages['usuario.profissao']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{usuario.profissao}"/>
    </t:column>
    
     <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="formacao" arrow="true">
                <h:outputText value="#{messages['usuario.formacao']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{usuario.formacao}"/>
    </t:column>
    
     <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="atividades" arrow="true">
                <h:outputText value="#{messages['usuario.atividades']}"/>
            </t:commandSortHeader>
        </f:facet>
        <h:outputText value="#{usuario.atividades}"/>
    </t:column>
    
</t:dataTable>

<ui:include src="/tableFooter.xhtml">
    <ui:param name="tableName" value="usuarios"/>
</ui:include>

<script type="text/javascript">
    highlightTableRows("editUsuario:usuarios");
</script>
</h:form>

</f:view>
</html>
